body{
  margin:0;
  display:block;
  background-color:rgb(247,244,237) ;
}

*{
  box-sizing: border-box;
  -webkit-font-smoothing:antialiased
}
html {
  font-family: tahoma,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","\5b8b\4f53","WenQuanYi Micro Hei",sans-serif;
}
.head{
  height:100px;
  background-color: white;
  display:flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
  padding-top:40px
}
.logo{
  width:840px;
}
.search{
  width:360px
}
.main-container{
  min-height:1375px;
  display:flex;
  flex-direction: row ;
  justify-content: center ;
}
.contentlist{
  min-height: 1000px;
}
.booklist{
  width:840px;
  min-height:1200px;
}
.randomrec{
  width:360px
}
.right-content-col{
  margin-bottom:10px;
  margin-left:20px;
  margin-right:20px;
  padding-right: 30px;
  border-radius: 3px;
  font-size:12px;
}
.right-content-rol-imgs{
  width:400px;
  box-sizing:border-box;
  margin-left:20px;
  margin-right:20px;
}
.classify{
  background-color: darkgray;
  height:40px;
  margin-bottom:10px;
}

.content-list{
  padding:0;
  margin:0;
}
.content-list1{
  padding:0;
  margin-top:0;
}
.content-list-top{
  width:100%;
  min-height: 140px;
  padding:10px;
  margin:0;
  position: relative;
}
.content-list-top-2{
  width:100%;
  min-height: 75px;;
  padding:10px;
  margin-top:10px;
  position: relative;
}

.content-list-img{
  position:absolute; 
  top:10px; 
  left:10px;
  width:100px;
  padding:0;
  margin-bottom: 10px;
}
.content-list-img1{
  position:absolute; 
  top:20px; 
  left:60px;
  width:100px;
  padding:0;
  margin-bottom: 10px;
}
.content-list-content{
  margin-left:130px; 
  padding-right:10px
}

.lessreads-introduce{
  width: 380px;
  margin-top:20px;
  background-color:#69a794;
  padding:5px;
  border-radius: 5px;
  color:#d8e3e7
}

.recommender{
  margin-top:20px;
  margin-left:20px;
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
}
.recommmender-img{
  width:15%;
  padding-left:0;
}
.recommender-nametagsites{
  width:20%;
  padding-top:15px;
  padding-left:15px;
}
.recommender-introduce{
  background-color: rgb(228,223,215);
  border-radius: 10px;
  width:50%;
  height:auto;
  margin-top:15px;
  margin-right:30px;
  padding:10px;
  display: table;

}
.book-list{
  margin-top:40px;
  margin-left:20px;
  padding-left:10px;
}
.divider{
  margin-bottom:0px;
}
.content-list-content-3{
  padding-top: 0;
  margin-left:80px; 
  padding-right:10px
}

.recwords{
  font-size:14px;
  color:#636060;
  cursor:default;
  font-weight: normal;
  
}
.recwords:hover{
  color:#636060
}
.tips{
  margin-top:5px;
  font-size:12px;
  color:darkgray;
}

.tips span{
  margin-right:20px;
}
.tips-2{
  margin-top:0;
  font-size:12px;
  color:darkgray;
}
.tips-2 span{
  margin-right:20px;
}
.celebrity{
  margin-top: 10px;
  border-radius: 10px;
}
.personalnametag{
  height:20px;
  float: left; 
  box-sizing: border-box;
  
}
.personalname{
  font-size:14px;
  color:white;
  font-weight:bold;
  margin-right:10px;
  background-color:rgb(105,167,148);
  border-radius: 10px;
  padding-left:10px;
  padding-right:10px;
  
}

.personalurls{
height:20px;
float: left;
margin-left:20px;
box-sizing: border-box;
}

.marginleft10{
  margin-left:10px
}
.links{
  width:20px;
  font-size:12px;
  color:#2a5caa;
}

.source{
  width:100%;
  margin-top:30px;
  font-size:12px;
  font-weight:bolder;
  color:gray;
  padding-left:10px;
}
.source1{
  width:100%;
  margin-top:0;
  margin-bottom: 5px;
  font-size:12px;
  font-weight:bolder;
  color:#494949;
  padding-left:0px;
}
.book-title{
  font-size:12px;
  color:gray
}
.book-subtitle{
  font-size:10px;
  color:gray;
}
.source-links{
  color:rgb(17,119,176);
  margin-left:50px;
}



.pagination{
  margin-top: 30px;
  margin-left:40%;
  margin-bottom:15px
}

.bold{
  font-weight: bolder;
}
.bolder{
  font-weight:bolder;
}
.font14px{
  font-size:14px;
}
.font12px{
  font-size:12px
}
.font16{
  font-size: 16px;
}

.italic{
  font-style:italic
}

.gray{
  color:gray;
}
.marignbottom0{
  margin-bottom:-20PX;
}
.marignbottom10{
  margin-bottom: 10px;
}
.margintop0{
  margin-top:0
}
.marginleft10{
  margin-left:10px
}
.primary{
  color:rgb(17,119,176);
  font-weight:bolder
}
.oneline{
  margin-left:15px;
  margin-right:15px;
  color:rgb(105,167,148)
}
.white{
  color:white
}
.floatleft{
  float:left
}
.beian{
  width:300px;margin:0 auto; padding:20px 0
}
.beian01{
  display:inline-block;text-decoration:none;height:20px;line-height:20px;
}
.beian02{
  float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393
}
.beian03{
  height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393
}
.radius{
  border-radius:50%
}

.collapse{
  margin-left:-10px;
}

